<style scoped>
.message_detail{
  flex: 1;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  font-size: 16px;
  text-align: left;
  color: #333333;
  padding-left: 20px;
}
.list-count{
   height: 60px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    align-items: center;               /*moz*/
-webkit-align-items: center;       /*Webkit-选用*/
-webkit-box-align: center;         /*IOS - Webkit*/
-moz-box-align: center;
background-color: #ffffff;
  border-bottom: 1px solid #eee;
}
</style>
<template>
  <div>
    <header class="base-header">
      <i class="icon" @tap="goback"></i>
      <h1>个人信息</h1>
    </header>
    <div class="list-count">
      <div class="message_detail">
        头像
      </div>
      <img :src="data.memberInfo.headImgUrl" v-if="data.memberInfo.imageUrl" style="margin-right: 35px">
      <img src="../../public/images/touxiang.png" alt="" v-if="!data.memberInfo.imageUrl" style="margin-right:35px;">
      <div class="base-manu">
      </div>
    </div>
    <div class="list-count">
      <div class="message_detail">
        会员ID
      </div>
      <span style="margin-right: 40px;color:#8c8c8c;">
        {{data.memberInfo.userId}}
      </span>
    </div>
    <div class="list-count">
      <div class="message_detail">
        昵称
      </div>
      <span style="margin-right: 40px;color:#8c8c8c;">
      {{data.memberInfo.nickName}}
      </span>
    </div>
    <div class="list-count">
      <div class="message_detail">
        名称
      </div>
      <span style="margin-right: 40px;color:#8c8c8c;">
      {{data.memberInfo.name}}
      </span>
    </div>
    <div class="list-count">
      <div class="message_detail">
        手机
      </div>
      <span style="margin-right: 40px;color:#8c8c8c;">
      {{data.memberInfo.phoneNum}}
      </span>
    </div>
    <div class="list-count">
      <div class="message_detail">
        性别
      </div>
      <span style="margin-right: 40px;color:#8c8c8c;">
      {{data.memberInfo.gender}}
      </span>
    </div>
  </div>
</template>


<script>
  require('../../public/images/arrow-left.png');
  require('../../public/images/touxiang.png');
  import store from '../we-store';
  export default {
    data: function () {
      return {
        data: store.state
      };
    },
    methods: {
      goback: function () {
        history.go(-1);
      }
    },
    created: function () {
      store.getMemberInfo();
    }
  };
</script>
